<template>
<div @dblclick="dbClickHandler">
    <img src="../../assets/map/north.png" alt="" :style="'transform: rotate('+rotateValue+'deg)'" class="north-icon">
</div>
</template>

<script>
export default {
    name: "Navigation",
    data() {
        return {

        }
    },
    props: {
        rotateValue: {
            type: Number,
            default: 0
        }
    },
    mounted(){
        console.log("角度"+this.rotateValue);

    },
    methods: {
        //触发父组件双击回到正射视角
        dbClickHandler() {
            this.$emit("camera-north");
        }
    }
};
</script>

<style lang="scss" scoped>
.north-icon {
    width: 46px;
    height: 46px;
    position: absolute;
}
</style>
